<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <title>这是一个京东商城首页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
<!--京东的头部导航开始-->
<div class="shortcut">
    <div class="w">
        <div class="fl">
            <div class="dt">送至：北京<i><s>◇</s></i></div>
            <div class="dd"></div>
        </div>
        <div class="fr">
            <ul>
                <li>
                    <a href="#">你好，请登录</a>&nbsp;&nbsp;&nbsp;
                    <a href="#" class="col-red">免费注册</a>
                </li>
                <li class="line"></li>
                <li>我的订单</li>
                <li class="line"></li>
                <li class="dt">我的京东<i><s>◇</s></i></li>
                <li class="line"></li>
                <li>京东会员</li>
                <li class="line"></li>
                <li>企业采购</li>
                <li class="line"></li>
                <li class="dt tel-jd">
                    <em class="phone"></em>
                    手机京东<i><s>◇</s></i>
                </li>
                <li class="line"></li>
                <li class="dt">关注京东<i><s>◇</s></i></li>
                <li class="line"></li>
                <li class="dt">客户服务<i><s>◇</s></i></li>
                <li class="line"></li>
                <li class="dt">网站导航<i><s>◇</s></i></li>
            </ul>
        </div>
    </div>
</div>
<!--京东头部导航结束-->

<!--京东的topbanner部分-->
<div class="topbanner">
    <div class="w tp">
        <img src="images/topbanner.jpg" alt="">
        <a href="#" class="close-banner"></a>
    </div>
</div>
<!--京东的topbanner部分 end-->

<!--搜索部分 start-->
<div class="w clearfix">
    <div class="logo">
        <a href="http://www.jd.com" target="_blank" class="jd-a" title="叮咚">京东</a>
        <div class="db11">
            <a href="#"><img src="images/dong.gif" alt=""/></a>
        </div>
    </div>
    <div class="search">
        <input type="text" name="" id="" value="图书开抢">
        <button>搜索</button>
    </div>
    <div class="shop-car">
        <a href="#">我的购物车</a>
        <span class="icon1"></span>
        <span class="icon2">></span>
        <span class="icon3">8</span>
    </div>
    <div class="hotsearch">
        <a href="#" class="col-red">11月11天</a>
        <a href="#">11.11秒杀</a>
        <a href="#">买2免1</a>
        <a href="#">Note5黑</a>
        <a href="#">12期免息</a>
        <a href="#">智能科技</a>
        <a href="#">清仓</a>
        <a href="#">国际服饰</a>
        <a href="#">优惠券</a>
    </div>
</div>
<!--搜索部分 end-->
<!--nav部分-->
<div class="jd-nav">
    <div class="w">
        <div class="dropdown">
            <div class="dt"><a href="#">全部商品分类</a></div>
            <div class="dd">
                <div class="item-type"><h3>家用电器</h3><span>></span></div>
                <div class="item-type"><h3>手机/ 运营商/ 数码</h3><span>></span></div>
                <div class="item-type"><h3>电脑办公</h3><span>></span></div>
                <div class="item-type"><h3>家居/ 家具/ 家装/ 厨具</h3><span>></span></div>
                <div class="item-type"><h3>男装/ 女装/ 童装/ 内衣</h3><span>></span></div>
                <div class="item-type"><h3>个护化妆/ 清洁用品/ 宠物</h3><span>></span></div>
                <div class="item-type"><h3>鞋靴/ 箱包/ 珠宝/ 奢侈品</h3><span>></span></div>
                <div class="item-type"><h3>运动/ 户外/ 钟表</h3><span>></span></div>
                <div class="item-type"><h3>汽车/ 汽车用品</h3><span>></span></div>
                <div class="item-type"><h3>母婴/ 玩具乐器</h3><span>></span></div>
                <div class="item-type"><h3>食品/ 酒类/ 生鲜/ 特产</h3><span>></span></div>
                <div class="item-type"><h3>医药保健</h3><span>></span></div>
                <div class="item-type"><h3>图书/ 音像/ 电子书</h3><span>></span></div>
                <div class="item-type"><h3>机票/ 酒店/ 旅游/ 生活</h3><span>></span></div>
                <div class="item-type"><h3>理财/ 众筹/ 白条/ 保险</h3><span>></span></div>
            </div>
        </div>
        <div class="navitems">
            <ul>
                <li><a href="#" class="new">秒杀</a></li>
                <li><a href="#">优惠券</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">服装城</a></li>
                <li><a href="#">京东超市</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">京东金融</a></li>
            </ul>
        </div>
        <div class="bike"><a href="#"></a></div>
    </div>
</div>

<!--content start-->
<div class="banner604">
    <a href="#"></a>
</div>

<!--大轮播图和新闻-->
<div class="w main clearfix">
    <div class="slider">
        <a href=""><img src="images/slider1.jpg" alt=""></a>
        <ul class="circle">
            <li class="active">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li class="mr0">6</li>
        </ul>
        <div class="arrow">
            <a href="" class="arrow-l"><</a>
            <a href="" class="arrow-r">></a>
        </div>
    </div>
    <div class="news">
        <div class="jd-news">
            <div class="dt">
                <h3>京东快报</h3>
                <a href="#" class="more">更多></a>
            </div>
            <div class="dd">
                <ul>
                    <li><a href="#"><span>[特惠]</span> 1元秒杀</a></li>
                    <li><a href="#"><span>[公告]</span> 母婴类APP 【京东宝宝】上线</a></li>
                    <li><a href="#"><span>[特惠]</span> 美的品牌日 APP嗨够大放”价“</a></li>
                    <li><a href="#"><span>[公告]</span> 京东深入蒙牛生产基地进行质检</a></li>
                    <li><a href="#"><span>[特惠]</span> 白条购家电 24期免息！</a></li>
                </ul>
            </div>
        </div>
        <div class="life-service">
            <div class="dt"><h3>生活服务</h3></div>
            <div class="dd">
                <ul>
                    <li class="nobt"><a href="#"><i class="jd-hf"></i><span>话费</span></a></li>
                    <li class="nobt"><a href="#"><i class="jd-jp"></i><span>机票</span></a></li>
                    <li class="nobt"><a href="#"><i class="jd-dyp"></i><span>电影票</span></a></li>
                    <li class="nobt"><a href="#"><i class="jd-yx"></i><span>游戏</span></a></li>
                    <li><a href="#"><i class="jd-cp"></i><span>彩票</span></a></li>
                    <li><a href="#" class="mian"><i class="jd-tg"></i><span>团购</span></a></li>
                    <li><a href="#"><i class="jd-jd"></i><span>酒店</span></a></li>
                    <li><a href="#"><i class="jd-sdm"></i><span>水电煤</span></a></li>
                    <li><a href="#"><i class="jd-lc"></i><span>理财</span></a></li>
                    <li><a href="#"><i class="jd-qb"></i><span>钱包</span></a></li>
                    <li><a href="#" class="song"><i class="jd-xyk"></i><span>信用卡</span></a></li>
                    <li><a href="#"><i class="jd-bt"></i><span>白条</span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--页面主内容-->
<div class="w activity clearfix">
    <div class="surprise-night">
        <div class="surprise-night-left fl">
            <img src="images/night.jpg" alt="">
        </div>
        <div class="surprise-night-right fr">
            <ul>
                <li><img src="images/1.jpg" alt=""></li>
                <li><img src="images/2.jpg" alt=""></li>
                <li><img src="images/3.jpg" alt=""></li>
                <li><img src="images/4.jpg" alt=""></li>
            </ul>
            <div class="arrow">
                <a href="" class="arrow-l"><</a>
                <a href="" class="arrow-r">></a>
            </div>
        </div>
    </div>
</div>


<!--content end-->

<!--底部 start-->
<div class="jd-footer">
    <div class="service">
        <div class="slogen">
            <span class="item slogen1"><img src="images/slogen1.png" alt=""></span>
            <span class="item slogen2"><img src="images/slogen2.png" alt=""></span>
            <span class="item slogen3"><img src="images/slogen3.png" alt=""></span>
            <span class="item slogen4"><img src="images/slogen4.png" alt=""></span>
        </div>
        <div class="w clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a>/团购</dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电<</a>/dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>

            <dl>
                <dt>配送方式</dt>
                <dd><a href="#">上门自提</a></dd>
                <dd><a href="#">211限时达</a></dd>
                <dd><a href="#">配送服务查询</a></dd>
                <dd><a href="#">配送费收取标准</a></dd>
                <dd><a href="#">海外配送</a></dd>
            </dl>

            <dl>
                <dt>支付方式</dt>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
                <dd><a href="#">邮局汇款</a></dd>
                <dd><a href="#">公司转账</a></dd>
            </dl>

            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">价格保护</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">返修/退换货</a></dd>
                <dd><a href="#">取消订单</a></dd>
            </dl>

            <dl>
                <dt>特色服务</dt>
                <dd><a href="#">夺宝岛</a></dd>
                <dd><a href="#">DIY装机</a></dd>
                <dd><a href="#">延保服务</a></dd>
                <dd><a href="#">京东E卡</a></dd>
                <dd><a href="#">京东通信</a></dd>
                <dd><a href="#">京东JD+</a></dd>
            </dl>

            <div class="coverage">
                <dt>京东自营覆盖区县</dt>
                <dd>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</dd>
                <a href="#">查看详情 <span>></span></a>
            </div>
        </div>
    </div>
    <div class="w mod_copyright">
        <div class="links">
            <a href="">关于我们</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">联系客服</a>
            <span>|</span>
            <a href="">商家入驻</a>
            <span>|</span>
            <a href="">营销中心</a>
            <span>|</span>
            <a href="">手机京东</a>
            <span>|</span>
            <a href="">友情链接</a>
            <span>|</span>
            <a href="">销售联盟</a>
            <span>|</span>
            <a href="">京东社区</a>
            <span>|</span>
            <a href="">风险监测</a>
            <span>|</span>
            <a href="">京东公益</a>
            <span>|</span>
            <a href="">English Site</a>
            <span>|</span>
            <a href="">Contact Us</a>
        </div>
        <div class="copyright">京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号<br>
            互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155<br>
            Copyright © 2004 - 2016 京东JD.com 版权所有|消费者维权热线：4006067733经营证照<br>
            京东旗下网站：京东钱包|京东云
        </div>
        <div class="mod_copyright_auth">
            <a href="#"><img src="images/mess.png" alt=""></a>
            <a href="#"><img src="images/mess2.png" alt=""></a>
            <a href="#"><img src="images/mess3.png" alt=""></a>
            <a href="#"><img src="images/mess4.png" alt=""></a>
            <a href="#"><img src="images/mess5.png" alt=""></a>
        </div>
    </div>
</div>
<!--底部 end-->
</body>
</html>